import { Button, TextField } from "@mui/material";
import React from "react";
import "./fill.less";
interface IProp {
  data: IQuestionItem;
}
const typeMap: StringMap = {
  fill: "填空",
  code: "编程",
  qa: "问答",
};
export default function Fill({ data }: IProp) {
  return (
    <div className="fill">
      <section className="detail">
        <span className="chose">{typeMap[data.questionType]}</span>
        <div className="title">{data.title}</div>
      </section>
      <section
        className="detail-content"
        dangerouslySetInnerHTML={{ __html: data.content }}
      ></section>
      <section>
        <TextField
          fullWidth
          multiline={true}
          rows={5}
          placeholder="请输入答案"
        />
      </section>
      <section>
        <Button variant="outlined">确定</Button>
      </section>
    </div>
  );
}
